﻿
    window.onload = function(){
        // 页面加载完成后
        let _list = $('.banner .swiper-slide')
        _list.eq(0).find('.max-img').show()
        _list.eq(0).find('.min-img').show()
        _list.eq(0).find('.dd').fadeIn("slow")
        $('.banner .swiper-slide').eq(0).find('.bg-color').show()
    }
var mySwiper = new Swiper('.swiper-container', {
    loop : true,
    effect: 'fade',
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },
    pagination: {
        el: '.swiper-pagination',
        clickable: true,
    },
    autoplay: {
        delay: 5000,
        disableOnInteraction: false,
    },
    on: { // 轮播结束时，执行动画
        slideChangeTransitionEnd: function(){
            let _list = $('.banner .swiper-slide')
            _list.eq(this.activeIndex).find('.max-img').show()
            _list.eq(this.activeIndex).find('.min-img').show()
            _list.eq(this.activeIndex).find('.dd').fadeIn("slow")
            $('.banner .swiper-slide').eq(this.activeIndex).find('.bg-color').show()
        },
        slideChangeTransitionStart: function(){ // 轮播开始，清除动画
            let _list = $('.banner .swiper-slide')
            _list.eq(this.activeIndex).find('.max-img').hide()
            _list.eq(this.activeIndex).find('.min-img').hide()
            _list.eq(this.activeIndex).find('.dd').hide()
            $('.banner .swiper-slide').eq(this.activeIndex).find('.bg-color').hide()
        },
    }
});
//鼠标覆盖停止自动切换
mySwiper.el.onmouseover = function(){
    mySwiper.autoplay.stop();
}

//鼠标离开开始自动切换
mySwiper.el.onmouseout = function(){
    mySwiper.autoplay.start();
}
$('.jiajian').click(function() {
    $(this).next().slideDown().parent().siblings().children('div.header-nav-two').slideUp();
})
$('.header-cd').click(function() {
    $(this).toggleClass('active')
    $('.header-dy').slideToggle()
})
// input 获得焦点和失去焦点
$(".pr-cont-l-inp").focus(function(){
    $(this).addClass('active')
});
$(".pr-cont-l-inp").blur(function(){
    $(this).removeClass('active')
});
    
// 筛选wab交互jq
$('.wab-show').click(function() {
    $('.xz').toggleClass('active')
    $('.wab-dy').slideToggle()
})


<!-- 前端接口调用 -->

    // ajax页面调用，封成一个函数吧，方便调用
    function getAjax(url, parm, callBack) {
        $.ajax({
            method: 'GET',
            dataType: 'json',
            url: url,
            data: parm || {},
            success: function (msg) {
                callBack(msg);
            }
        });
    }
// 利用传参，区分接口。筛选列表
let _join = {
    action: 'getTrolliChanpinCategory'
}
let url1 = 'tools/submit_ajax.html'
getAjax(url1, _join, function(res) {
    let _arr = res // 使用let不会影响外面声明
    let _htm = ''
    for(var i=0;i<_arr.length;i++){
        _htm += `
                <li>
                    <label class="box"><input checkboxgroup="group" name="Fruit" type="checkbox" value="${_arr[i].Value}" class="checkbox" onclick="xuanzhong()" />${_arr[i].Name}</label>
                </li>
            `
    }
    $('#screen').append(_htm)
})
// 回车搜索
var ondata = {}
var url2 = 'tools/submit_ajax66e7.html?action=getTrolliChanpin'
$('.pr-cont-l-inp').bind('keypress',function(event){
    if(event.keyCode == "13") {
        if ($(this).val()) {
            ondata.sear = $(this).val()
        } else {
            ondata.sear = null
        }
            
        getList(url2)
    }
})
    
// 商品列表
var onList = getList(url2)
function getList(url) {
    getAjax(url,ondata, function(res) {
        let _listArr = res
        let _listhtm = ''
        let src_url = 'index-2.html'
        for(var i=0;i<_listArr.length;i++){
            _listhtm += `
                <li>
                    <a href="${src_url}/chanpin/show-${_listArr[i].id}.html">
                        <img src="${src_url + _listArr[i].img_url}" class="hump" alt="">
                    </a>
                </li>
                `
        }
        $('#product').html(_listhtm)
    })
        
}
    
function xuanzhong() {
    // console.log($('input:checkbox'), 43433)
    let _pushArr = $("[checkboxgroup='group']:checked")
    let pitch_on = []
    _pushArr.each(function() {
        pitch_on.push(
            `leibie=${this.value}`
        )
    })
    let _str = ''
    let len = pitch_on.length - 1
    for (let i = 0;i < pitch_on.length; i++) {
        _str +=  `&${pitch_on[i]}`
        
    }
    url2 = 'http://www.trolli.com.cn/tools/submit_ajax.ashx?action=getTrolliChanpin' + _str
    getList(url2)
}
